// 正则网址中乱码问题
function getUrlParms(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
    var r = window.location.search.substr(1).match(reg);
    if (r != null) return r[2]; return null;
}

let nameOne = getUrlParms("title");
let nameTwo = getUrlParms("categoryid");

let titleName = decodeURI(nameOne);
let categoryId = decodeURI(nameTwo);

fn(1)//初次渲染
function fn(pageid) {
    $.ajax({
        url: `http://chst.vip:1234/api/getproductlist?categoryid=${categoryId}&pageid=${pageid}`
    })
        .then(res => {
            console.log(res.result);
            console.log(pageid);
            //导航标题
            let a = `<a href="index.html">首页&gt</a>
                <a href="category.html">全部分类&gt</a>
                <a href="bijia.html?title=${titleName}&categoryid=${categoryId}">${titleName}&gt</a>
                <a href="#">筛选</a>`
            $("#subNav")[0].innerHTML = a;

            //中间内容渲染部分
            let aa = '';
            res.result.forEach(item => {
                aa += `
        <a href="productlist.html?categoryid=${item.categoryId}&productid=${item.productId}&productName=${item.productName}">
            <div>${item.productImg}</div>
            <div>
                <div class="right-top">
                    <h4>${item.productName}</h4>
                    <div class="price">${item.productPrice}</div>
                </div>
                <div class="right-bottom">
                    <div>${item.productQuote}</div>
                    <div>${item.productCom}</div>
                </div>
            </div>
        </a>`
            });
            $('#content')[0].innerHTML = aa
            //改变页渲染
            let option = '';
            let pages = Math.ceil(res.totalCount / 10)
            for (let i = 1; i <= pages; i++) {

                option += `<option>${i}/${pages}</option>`
            }
            $('.pages')[0].innerHTML = option;
            $('option:eq(0)')[0].innerText = `${pageid}/${pages}`;
        })
}


let pageid = 2
$('.next').click(function () {
    fn(pageid++)
})
$('.prev').click(function () {
    fn(--pageid)
})



// 返回顶部
$("#footer>.dengruSpan>.backTop").click(function () {
    $("html").animate({ scrollTop: 0 }, 1000)
})

// var pageid = 1
// let flag = true
// $('.prev')[0].disabled = true
// $('.next').click(function () {
//     pageid++
//     if (pageid > 1) {
//         $('.prev')[0].disabled = !flag
//         content(pageid)
//     } if (pageid <= 1) {
//         $('.prev')[0].disabled = true
//         content(pageid)
//     }

// })

// $('.prev').click(function () {
//     pageid--;
//     content(pageid)
// })

// $('#pages').click(function () {
//     $('.active')[0].style.display = "none"
//     let options = document.querySelectorAll('option')

//     for (let i = 0; i < options.length; i++) {
//         options[i].onclick = function () {
//             console.log(123);
//         }

//     }
// })




